<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 用户定义好的css变量 */
        :root{
            --mycolor:#de3acb;
        }
        #d1{
            margin: 200px auto;
            width: 300px;
            height: 200px;
            border: 1px solid var(--mycolor);
            overflow: hidden;
            column-count: 2;/*列数*/
            column-gap: 5px;/*列宽度*/
            column-rule: 2px dashed red;/*分割线*/
            /* 用户界面自动调整 */
            resize: horizontal;
            outline: 4px dashed red;
            outline-offset: 20px;
        }
    </style>
</head>
<body>
    <div id="d1">
        表达杜甫晚年对诗歌创作的见解，带有总结性质。所以王嗣奭《杜臆》说：“此公一生精力用之文章，始成一部《杜诗》，而此篇乃其自序也。”上句“千古事”是指留传久远，关系重大，如同曹丕说的“文章经国之大业，不朽之盛事”。下句“寸心知”是说对于文章，表达杜甫晚年对诗歌创作的见解，带有总结性质。所以王嗣奭《杜臆》说：“此公一生精力用之文章，始成一部《杜诗》，而此篇乃其自序也。”上句“千古事”是指留传久远，关系重大，如同曹丕说的“文章经国之大业，不朽之盛事”。下句“寸心知”是说对于文章，作者本人的理解感知最为明白。这两句诗虽是以议论入诗，但对仗工整，语言高度概括，而且切中肯綮，含蕴丰富，很有哲理性。
    </div>
</body>
</html>